<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<title>..:: Portal Librelato S.A. ::..</title>
	<link href="css/librelato.css" type="text/css" rel="stylesheet" />
	<link rel="icon" href="img/librelato.ico" type="image/ico" />
	<script type="text/javascript">
		function mostraPedido(codRel) {
			window
					.open(
							"rel\\pedido" + codRel + ".pdf" + "?random="
									+ Math.random(),
							"Pedido_de_Compra",
							"scrollbars=NO location=no resizable=YES Directories=no Menubar=no Status=no Toolbar=no Titlebar=no WIDTH=770 HEIGHT=400");
			return false;
		}
	</script>
</h:head>
<h:body styleClass="Corpo" style="font-size:13px;">
	<p:ajaxStatus onstart="statusDialog.show();"
		oncomplete="statusDialog.hide();" />

	<div style="height: 110px; left: 50%; margin-left: -450px;"
		align="center" class="DivCentralizada">
		<h:form>
			<div align="center"
				style="padding-left: 56px; float: left; padding-right: 24px;">
				<h:outputLabel value="#{message.msg_dataDe} " styleClass="LabelFont" />
				<p:inputMask value="#{consultaPedidoTela.dataDeFiltro}" size="5"
					maxlength="8" style="font-size: 14px;" mask="99/99/99"
					required="true" requiredMessage="{message.msg_requerido}">
				</p:inputMask>
			</div>
			<div align="center" style="float: left; margin-left: 57px;">
				<h:outputLabel value=" #{message.msg_dataAte} "
					styleClass="LabelFont" />
				<p:inputMask value="#{consultaPedidoTela.dataAteFiltro}" size="5"
					maxlength="8" style="font-size: 14px;" mask="99/99/99"
					required="true" requiredMessage="{message.msg_requerido}">
				</p:inputMask>
			</div>

			<div align="center"
				style="float: left; padding-right: 3px; padding-top: 4px; margin-left: 97px;">
				<h:outputText for="iStatusLista" value="#{message.solicita_status} "
					styleClass="LabelFont" />
			</div>
			<div style="float: left;">
				<p:selectOneMenu id="iStatusLista"
					value="#{consultaPedidoTela.statusFiltro}" effect="fade"
					style="font-size: 14px;">
					<f:selectItem itemValue="#{message.solicita_statusTodos}"
						itemLabel="#{message.solicita_statusTodos}"
						style="font-size: 14px;" />
					<f:selectItem itemLabel="#{message.solicita_statusBloq}"
						itemValue="#{message.solicita_statusBloq}"
						style="font-size: 14px;" />
					<f:selectItem itemLabel="#{message.solicita_statusApro}"
						itemValue="#{message.solicita_statusApro}"
						style="font-size: 14px;" />
					<f:selectItem itemLabel="#{message.solicita_statusNega}"
						itemValue="#{message.solicita_statusNega}"
						style="font-size: 14px;" />
					<f:selectItem itemLabel="#{message.solicita_statusComp}"
						itemValue="#{message.solicita_statusComp}"
						style="font-size: 14px;" />
					<f:selectItem itemLabel="#{message.label_recebida}"
						itemValue="#{message.label_recebida}" style="font-size: 14px;" />
					<p:ajax global="false" />
				</p:selectOneMenu>
			</div>

			<div style="float: left; clear: both; padding-left: 55px;">
				<h:outputLabel value="#{message.produto_produto} "
					styleClass="LabelFont" />
				<p:inputText value="#{consultaPedidoTela.codProdFiltro}" size="8"
					style="font-size: 14px;">
				</p:inputText>
			</div>
			<div style="float: left; padding-left: 55px;">
				<h:outputLabel value="#{message.produto_descricao} "
					styleClass="LabelFont" />
				<p:inputText value="#{consultaPedidoTela.descProdFiltro}" size="8"
					style="font-size: 14px;">
				</p:inputText>
			</div>

			<div
				style="padding-left: 2px; padding-right: 24px; float: left; margin-left: 63px;">
				<h:outputLabel value="#{message.label_pedido} "
					styleClass="LabelFont" />
				<p:inputText value="#{consultaPedidoTela.numPedidoFiltro}" size="8"
					maxlength="6" style="font-size: 14px;">
				</p:inputText>
			</div>
			<div style="float: left; clear: both; margin-left: 23px;">
				<h:outputLabel value="#{message.produto_op} " styleClass="LabelFont" />
				<p:inputText value="#{consultaPedidoTela.numOPFiltro}" size="8"
					style="font-size: 14px;">
				</p:inputText>
			</div>
			<div style="float: left; margin-left: 42px;">
				<h:outputLabel value="#{message.label_cod_forne} "
					styleClass="LabelFont" />
				<p:inputText value="#{consultaPedidoTela.codForneceFiltro}" size="8"
					style="font-size: 14px;">
				</p:inputText>
			</div>
			<div style="float: left; padding-left: 30px;">
				<h:outputLabel value="#{message.label_nome_forne} "
					styleClass="LabelFont" />
				<p:inputText value="#{consultaPedidoTela.nomeForneceFiltro}"
					size="15" style="font-size: 14px;">
				</p:inputText>
			</div>
			<div
				style="padding-left: 34px; padding-right: 24px; float: left; clear: both;">
				<h:outputLabel value="#{message.menu_main_solicita} "
					styleClass="LabelFont" />
				<p:inputText value="#{consultaPedidoTela.numSolicitacaoFiltro}"
					size="8" maxlength="6" style="font-size: 14px;">
				</p:inputText>
			</div>
			<div align="center"
				style="float: left; padding-right: 3px; padding-top: 4px; margin-left: 61px;">
				<h:outputText value="#{message.solicita_filial} "
					styleClass="LabelFont" />
			</div>
			<div align="center" style="float: left; padding-right: 24px;">
				<p:selectOneMenu id="iFilLista"
					value="#{consultaPedidoTela.filialFiltro}" effect="fade"
					style="font-size: 14px;">
					<f:selectItem itemLabel="#{message.solicita_statusTodos}"
						itemValue="" style="font-size: 14px;" />
					<f:selectItems value="#{usuario.listaEmpresas}" var="empresa"
						itemLabel="#{empresa.descricao}" itemValue="#{empresa.filial}"
						style="font-size: 14px;" />
					<p:ajax global="false" />
				</p:selectOneMenu>
			</div>
			<div style="position: absolute; top: 23%; left: 80%;">
				<p:commandButton value="#{message.botao_filtrar}"
					icon="ui-icon-search" style="font-size: 14px;"
					action="#{consultaPedidoTela.filtraSolicitacoes}"
					update=":formConsuPed,@form,:messages" />
			</div>
		</h:form>
	</div>



	<div align="left" style="padding-left: 3px; padding-top: 8px;">
		<h:form id="formConsuPed">
			<p:dataTable var="solicitacao" paginator="true" rows="10"
				rowsPerPageTemplate="10,15,20" id="tableConsuPed"
				value="#{consultaPedidoTela.listaSolicitacoes}"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				emptyMessage="#{message.msg_semvalores}"
				rowStyleClass="#{consultaPedidoTela.pintaLinha(solicitacao)}">

				<f:facet name="header">
					<div style="float: left;">
						<div style="padding-top: 2px; float: left">
							<h:outputText value="#{message.msg_legenda}  "
								style="font-size: 11px;" />
						</div>
						<p:graphicImage style="padding-left:10px" id="comp2"
							value="img/comprada.jpg" />
						<p:tooltip for="comp2" value="#{message.solicita_statusComp}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="blo2"
							value="img/bloqueada.jpg" />
						<p:tooltip for="blo2" value="#{message.solicita_statusBloq}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="apro2"
							value="img/aprovada.jpg" />
						<p:tooltip for="apro2" value="#{message.solicita_statusApro}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="neg2"
							value="img/negada.jpg" />
						<p:tooltip for="neg2" value="#{message.solicita_statusNega}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="rec2"
							value="img/recebida.jpg" />
						<p:tooltip for="rec2" value="#{message.solicita_statusRece }"
							showEffect="fade" hideEffect="fade" />
					</div>
					<div style="float: left; padding-left: 300px;">#{message.solicita_lista}</div>

				</f:facet>

				<p:column>
					<p:rowToggler />
				</p:column>

				<p:column filterBy="#{solicitacao.filial}"
					headerText="#{message.solicita_filial}">
					#{solicitacao.filial}  
				</p:column>

				<p:column filterBy="#{solicitacao.numSolicitacao}"
					sortBy="#{solicitacao.numSolicitacao}"
					headerText="#{message.menu_main_solicita}">  
        	    #{solicitacao.numSolicitacao}  
		        </p:column>

				<p:column sortBy="#{solicitacao.pedido.dtEmissao}"
					headerText="#{message.solicita_dt_emissao}">  
            	<!-- #{listaSolicitaTela.converteData(solicitacao.dataEmissao,'',1)} -->  
            	<h:outputText
						value="#{solicitacao.pedido.dtEmissao}">
						<f:convertDateTime locale="pt" pattern="dd/MM/yy" />
					</h:outputText>
				</p:column>

				<p:column filterBy="#{solicitacao.usuario.nome}"
					headerText="#{message.solicita_solicitante}">  
            	#{solicitacao.usuario.nome}  
        		</p:column>

				<p:column filterBy="#{solicitacao.unidadeRequisi.descricao}"
					headerText="#{message.solicita_unid_requis}">  
            	#{solicitacao.unidadeRequisi.descricao}  
        		</p:column>

				<p:column filterBy="#{solicitacao.pedido.numeroPedido}"
					sortBy="#{solicitacao.pedido.numeroPedido}"
					headerText="#{message.msg_ordem_compra}">  
						#{solicitacao.pedido != null and solicitacao.pedido.numeroPedido != null ? solicitacao.pedido.numeroPedido : '-'}
        		</p:column>

				<p:column sortBy="#{solicitacao.pedido.dtVisualizado}"
					headerText="#{message.label_visualizado}">  
						#{solicitacao.pedido != null and solicitacao.pedido.dtVisualizado != null ? listaSolicitaTela.converteData(solicitacao.pedido.dtVisualizado,'',1) : '-'}
        		</p:column>

				<p:column headerText="#{message.label_acoes}">
					<p:tooltip for="verProd" value="#{message.label_ver_prods}"
						showEffect="fade" hideEffect="fade" />
					<p:commandButton id="verProd" icon="ui-icon-search"
						oncomplete="dlgItens.show()" update=":dlgItens2"
						styleClass="ButtonPesq">
						<f:setPropertyActionListener
							target="#{consultaPedidoTela.itensSolicitacao}"
							value="#{solicitacao.itensSolicitacao}" />
						<f:setPropertyActionListener
							target="#{consultaPedidoTela.solicitacao}" value="#{solicitacao}" />
					</p:commandButton>

					<p:tooltip for="impri" value="#{message.msg_imprimir}"
						showEffect="fade" hideEffect="fade" />
					<p:commandButton id="impri" icon="ui-icon-print"
						styleClass="ButtonPesq" immediate="true"
						oncomplete="confirmacaoImpressao.show()" global="false"
						style="margin-left:10px;"
						rendered="#{solicitacao.status.equals('Comprado') || solicitacao.status.equals('Recebido')}">
						<f:setPropertyActionListener
							target="#{consultaPedidoTela.solicitacao}" value="#{solicitacao}" />
					</p:commandButton>

					<p:tooltip for="emailPed" value="#{message.label_renviar_ped}"
						showEffect="fade" hideEffect="fade" />
					<p:commandButton id="emailPed" icon="ui-icon-mail-closed"
						styleClass="ButtonPesq" immediate="true"
						oncomplete="confirmacaoEmail.show()" global="false"
						style="margin-left:10px;"
						rendered="#{solicitacao.status.equals('Comprado') || solicitacao.status.equals('Recebido')}">
						<f:setPropertyActionListener
							target="#{consultaPedidoTela.solicitacao}" value="#{solicitacao}" />
					</p:commandButton>

					<p:tooltip for="editaPed" value="#{message.pedido_edita}"
						showEffect="fade" hideEffect="fade" />
					<p:commandButton id="editaPed" icon="ui-icon-pencil"
						styleClass="ButtonPesq" immediate="true"
						oncomplete="confirmacaoEdicao.show()" global="false"
						style="margin-left:10px;"
						rendered="#{solicitacao.status.equals('Comprado')}">
						<f:setPropertyActionListener
							target="#{consultaPedidoTela.solicitacaoPedidoEditarSel}"
							value="#{solicitacao}" />
					</p:commandButton>

					<p:tooltip for="exclui"
						value="#{message.botao_excluir} #{message.label_pedido}"
						showEffect="fade" hideEffect="fade" />
					<p:commandButton id="exclui" icon="ui-icon-trash"
						styleClass="ButtonPesq" immediate="true"
						onclick="confirmacaoExclusao.show();" global="false"
						style="margin-left:10px;"
						rendered="#{solicitacao.status.equals('Comprado')}">
						<f:setPropertyActionListener
							target="#{consultaPedidoTela.solicitacao}" value="#{solicitacao}" />
					</p:commandButton>

				</p:column>

				<p:rowExpansion>

					<f:event
						listener="#{consultaPedidoTela.atualizaGradePedido(solicitacao)}"
						type="preRenderComponent">
					</f:event>

					<div style="float: left; padding-left: 8px;">
						<h:panelGrid id="display2" columns="2" cellpadding="1"
							style="width:500px;" columnClasses="label, value"
							rendered="#{solicitacao.status.equals('Comprado') || solicitacao.status.equals('Recebido')}">

							<h:outputText style="font-weight: bold;"
								value="#{message.msg_fornecedor}:" />
							<h:outputText
								value="(#{solicitacao.pedido.fornecedor.codigo} - #{solicitacao.pedido.fornecedor.loja}) #{solicitacao.pedido.fornecedor.nome}" />

							<h:outputText style="font-weight: bold;"
								value="#{message.label_numero_nota}/#{message.label_serie}" />
							<h:outputText
								value="#{solicitacao.pedido.numeroNotaFiscal}/#{solicitacao.pedido.serieNotaFiscal}" />

						</h:panelGrid>
					</div>

				</p:rowExpansion>

				<f:facet name="footer">
					<div style="float: left">
						<div style="padding-top: 2px; float: left">
							<h:outputText value="#{message.msg_legenda}  "
								style="font-size: 11px;" />
						</div>
						<p:graphicImage style="padding-left:10px" id="comp"
							value="img/comprada.jpg" />
						<p:tooltip for="comp" value="#{message.solicita_statusComp}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="blo"
							value="img/bloqueada.jpg" />
						<p:tooltip for="blo" value="#{message.solicita_statusBloq}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="apro"
							value="img/aprovada.jpg" />
						<p:tooltip for="apro" value="#{message.solicita_statusApro}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="neg"
							value="img/negada.jpg" />
						<p:tooltip for="neg" value="#{message.solicita_statusNega}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="rec"
							value="img/recebida.jpg" />
						<p:tooltip for="rec" value="#{message.solicita_statusRece }"
							showEffect="fade" hideEffect="fade" />
					</div>
				</f:facet>

			</p:dataTable>

			<p:confirmDialog message="Deseja Imprimir?" header="Impressão"
				severity="info" widgetVar="confirmacaoImpressao" appendToBody="true">

				<p:commandButton value="#{message.msg_sim}"
					oncomplete="confirmacaoImpressao.hide();mostraPedido('#{usuario.codigo}');"
					actionListener="#{consultaPedidoTela.imprime}"
					style="font-size: 14px;">
				</p:commandButton>
				<p:commandButton id="decline" value="#{message.msg_nao}"
					onclick="confirmacaoImpressao.hide()" type="button" global="false"
					style="font-size: 14px;" />
			</p:confirmDialog>

			<p:confirmDialog
				message="Deseja Enviar E-mail com o Pedido ao Fornecedor?"
				header="Atenção" severity="info" widgetVar="confirmacaoEmail"
				appendToBody="true">

				<p:commandButton value="#{message.msg_sim}"
					oncomplete="confirmacaoEmail.hide()" update=":messages"
					actionListener="#{consultaPedidoTela.enviaEmailFornecedor}"
					style="font-size: 14px;">
				</p:commandButton>
				<p:commandButton value="#{message.msg_nao}"
					onclick="confirmacaoEmail.hide()" type="button" global="false"
					style="font-size: 14px;" />
			</p:confirmDialog>

			<p:confirmDialog message="Deseja Editar o(s) Iten(s) do Pedido?"
				header="Atenção" severity="info" widgetVar="confirmacaoEdicao"
				appendToBody="true">
				<p:commandButton value="#{message.msg_sim}"
					oncomplete="confirmacaoEdicao.hide();dlgEditaPedido.show();"
					update=":messages,:formEditaPedido"
					actionListener="#{consultaPedidoTela.preparaEdicaoPedido}"
					style="font-size: 14px;">
				</p:commandButton>
				<p:commandButton value="#{message.msg_nao}"
					onclick="confirmacaoEdicao.hide()" type="button" global="false"
					style="font-size: 14px;" />
			</p:confirmDialog>

			<p:confirmDialog message="Deseja Excluir o Pedido?" header="Atenção"
				severity="info" widgetVar="confirmacaoExclusao"
				id="confirmacaoExclusao" appendToBody="true">
				<p:commandButton value="#{message.msg_sim}"
					oncomplete="confirmacaoExclusao.hide();"
					update=":messages,:formConsuPed:tableConsuPed,:dlgErroPedido2"
					actionListener="#{consultaPedidoTela.excluiPedido}"
					style="font-size: 14px;">
				</p:commandButton>
				<p:commandButton value="#{message.msg_nao}"
					onclick="confirmacaoExclusao.hide();" type="button" global="false"
					style="font-size: 14px;" />
			</p:confirmDialog>

		</h:form>


		<p:dialog widgetVar="dlgItens" id="dlgItens2" modal="true">

			<h:form>
				<p:dataTable var="produto" paginator="true" rows="10"
					rowsPerPageTemplate="10,15,20"
					value="#{consultaPedidoTela.itensSolicitacao}"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					emptyMessage="#{message.msg_semvalores}"
					rowStyleClass="#{consultaPedidoTela.pintaLinhaProduto(produto)}">

					<f:facet name="header">
						<div style="float: left;">
							<div style="padding-top: 2px; float: left">
								<h:outputText value="#{message.msg_legenda}  "
									style="font-size: 11px;" />
							</div>
							<p:graphicImage style="padding-left:10px" id="comp3"
								value="img/comprada.jpg" />
							<p:tooltip for="comp3" value="#{message.solicita_statusComp}"
								showEffect="fade" hideEffect="fade" />
							<p:graphicImage style="padding-left:10px" id="blo3"
								value="img/bloqueada.jpg" />
							<p:tooltip for="blo3" value="#{message.solicita_statusBloq}"
								showEffect="fade" hideEffect="fade" />
							<p:graphicImage style="padding-left:10px" id="apro3"
								value="img/aprovada.jpg" />
							<p:tooltip for="apro3" value="#{message.solicita_statusApro}"
								showEffect="fade" hideEffect="fade" />
							<p:graphicImage style="padding-left:10px" id="neg3"
								value="img/negada.jpg" />
							<p:tooltip for="neg3" value="#{message.solicita_statusNega}"
								showEffect="fade" hideEffect="fade" />
							<p:graphicImage style="padding-left:10px" id="rec3"
								value="img/recebida.jpg" />
							<p:tooltip for="rec3" value="#{message.solicita_statusRece }"
								showEffect="fade" hideEffect="fade" />
						</div>
						<div style="float: left; left: 50%; position: fixed;">#{message.solicita_lista}</div>

					</f:facet>

					<p:column headerText="#{message.solicita_item}">  
		        			#{produto.itemPosicao}  
						</p:column>

					<p:column headerText="#{message.msg_codigo}">  
		        			#{produto.codigo}  
						</p:column>

					<p:column headerText="#{message.msg_descri}">  
		            		#{produto.descricao}  
		        		</p:column>

					<p:column headerText="#{message.produto_um}">  
		            		#{produto.unidMedida}  
		        		</p:column>

					<p:column headerText="#{message.produto_qtde}">  
		            		#{produto.quantidade}  
		        		</p:column>

					<p:column headerText="#{message.produto_dt_necessidade2}">  
		            		#{listaSolicitaTela.converteData(produto.necessidade,'',1)}  
		        		</p:column>

					<p:column headerText="#{message.produto_armazem}">  
		            		#{produto.local}  
		        		</p:column>

					<p:column headerText="#{message.produto_op}">  
		            		#{produto.ordemProd}  
		        		</p:column>

					<p:column headerText="#{message.produto_observa}">  
		            		#{produto.observacao}  
		        		</p:column>

					<p:column>
						<p:commandButton id="butHistProd3" icon="ui-icon-info"
							immediate="true" oncomplete="dlgHistoricoPrduto.show()"
							styleClass="ButtonPesq" update=":formConsHistProdPed"
							action="#{geraPedidoTela.buscaHistoricoProdutoPedido(produto)}">
						</p:commandButton>
						<p:tooltip for="butHistProd3"
							value="#{message.header_historico_produto}" />

						<p:commandButton id="butHistSol3" style="padding-left: 2px;"
							icon="ui-icon-search" global="false" styleClass="ButtonPesq"
							update=":idDlgHist"
							action="#{consultaPedidoTela.preencheHistorico(produto)}"
							oncomplete="dlgHist.show()">
						</p:commandButton>
						<p:tooltip for="butHistSol3" value="#{message.msg_historico}" />
					</p:column>

					<f:facet name="footer">
						<div style="float: left;">
							<div style="padding-top: 2px; float: left">
								<h:outputText value="#{message.msg_legenda}  "
									style="font-size: 11px;" />
							</div>
							<p:graphicImage style="padding-left:10px" id="comp4"
								value="img/comprada.jpg" />
							<p:tooltip for="comp4" value="#{message.solicita_statusComp}"
								showEffect="fade" hideEffect="fade" />
							<p:graphicImage style="padding-left:10px" id="blo4"
								value="img/bloqueada.jpg" />
							<p:tooltip for="blo4" value="#{message.solicita_statusBloq}"
								showEffect="fade" hideEffect="fade" />
							<p:graphicImage style="padding-left:10px" id="apro4"
								value="img/aprovada.jpg" />
							<p:tooltip for="apro4" value="#{message.solicita_statusApro}"
								showEffect="fade" hideEffect="fade" />
							<p:graphicImage style="padding-left:10px" id="neg4"
								value="img/negada.jpg" />
							<p:tooltip for="neg4" value="#{message.solicita_statusNega}"
								showEffect="fade" hideEffect="fade" />
							<p:graphicImage style="padding-left:10px" id="rec4"
								value="img/recebida.jpg" />
							<p:tooltip for="rec4" value="#{message.solicita_statusRece }"
								showEffect="fade" hideEffect="fade" />
						</div>
						<div style="float: left; padding-left: 300px;">#{message.solicita_lista}</div>

					</f:facet>

				</p:dataTable>
			</h:form>
		</p:dialog>
	</div>
	<ui:include src="editarPedido.xhtml" />
</h:body>
</html>
